/* ------------------------ start theme ------------------------------ */

/* 主题色
-------------------------- */
/// color|1|Theme Color|4
$--color-primary: #1890ff !default;

/* 功能色
-------------------------- */
/// color|1|Function Color|4
$--color-success: #52c41a !default;
/// color|1|Function Color|4
$--color-warning: #faad14 !default;
/// color|1|Function Color|4
$--color-danger: #f5222d !default;
/// color|1|Function Color|4
$--color-info: #bfbfbf !default;

/* 辅助色
-------------------------- */
/// color|1|Neuter Color|4
$--color-white: #ffffff !default;
/// color|1|Neuter Color|4
$--color-black: #000000 !default;

/* 文本颜色
-------------------------- */
/// text|1|Text Color|4
$--color-text-primary: rgba($--color-white, 1) !default;
/// text|1|Text Color|4
$--color-text-secondary: rgba($--color-white, .85) !default;
/// text|1|Text Color|4
$--color-text-regular: rgba($--color-white, .65) !default;
/// text|1|Text Color|4
$--color-text-placeholder: rgba($--color-white, .45) !default;

/* 边框颜色
-------------------------- */
/// text|1|Divider Color|4
$--border-color-base: rgba($--color-white, .25) !default;

/* 分割线颜色
-------------------------- */
/// text|1|Divider Color|4
$--border-color-extra-light: rgba($--color-white, .15) !default;

/* 图标颜色
-------------------------- */
/// text|1|Divider Color|4
$--message-close-icon-color: rgba($--color-white, .65) !default;
$--message-close-hover-color: rgba($--color-white, .85) !default;

/* 禁用颜色
-------------------------- */
/// text|1|Disabled Color|4
$--disabled-fill-base: rgba($--color-white, .09) !default;
/// text|1|Disabled Color|4
$--disabled-color-base: rgba($--color-white, .45) !default;
/// text|1|Disabled Color|4
$--disabled-border-base: rgba($--color-white, .25) !default;

/* 背景色
-------------------------- */
/// text|1|background Color|4
$--background-color-base: rgba($--color-primary, 0.08) !default;

/* 表头颜色
-------------------------- */
/// text|1|TableHead Color|4
$--table-header-background-color: rgba($--color-black, 0.02) !default;

/* 基础填充色
-------------------------- */
$--fill-base:  #1f1f1f !default;

/* ------------------------ end theme ------------------------------ */

/* ------------------------ start sys ------------------------------ */

/* default global setting
-------------------------- */
/// text|1|Global Color|4
$l-admin-app: $--color-black !default;
/// text|1|Global Color|4
$l-admin-app-bg: mix($--color-white, $l-admin-app, 4%) !default;

/* other component reset
-------------------------- */
/// text|1|Input Color|4
$--input-background-color: $l-admin-app-bg !default;
/// text|1|DropDown Color|4
$dg--dropdown-menu-background: $l-admin-app !default;
/// text|1|Popover Color|4
$--popover-background-color: $l-admin-app !default;
/// text|1|Message Color|4
$--message-background-color: mix($--color-white, $l-admin-app, 25%) !default;
/// text|1|Select Color|4
$--select-dropdown-background: $l-admin-app-bg !default;
/// text|1|SelectTag Color|4
$dg--select-tag-background-color: mix($--color-white, $l-admin-app, 9%) !default;
/// text|1|Card Color|4
$dg--card-background: rgba($--color-white, 0.09) !default;
/// text|1|Dialog Color|4
$--dialog-background-color: mix($--color-white, $l-admin-app, 20%) !default;
/// text|1|MessageBox Color|4
$dg--message-box-background: mix($--color-white, $l-admin-app, 20%) !default;
/// text|1|MessageBox Color|4
$dg--table-background: mix($--color-white, $l-admin-app, 9%) !default;
/// date|1|background Color|4
$dg--picker-panel-background: $l-admin-app-bg !default;

/* l-main-header 头部区域
-------------------------- */
/// color|1|Header Color|4
$l-main-header-background-gradient-1: #191d26 !default;
/// color|1|Header Color|4
$l-main-header-background-gradient-2: #191d26 !default;
/// color|1|Header Color|4
$l-main-header-title-color: #ffffff !default;
/// color|1|Header Color|4
$l-avatar-box-font-color: #eef8fe !default;

/* l-menu 侧边栏布局
-------------------------- */
/// color|1|Sidebar Color|4
$l-sidebar-background: #191d26 !default;
/// color|1|Sidebar Color|4
$l-sidebar-header-border: $--disabled-border-base !default;
/// color|1|Sidebar Color|4
$u-menu-background: #191d26 !default;
/// color|1|Sidebar Color|4
$u-menu-font: #e6e5e3 !default;
/// color|1|Sidebar Color|4
$u-menu-icon-font: #676767 !default;

/* l-main-tags 标签页
-------------------------- */
/// text|1|TagPage Color|4
$l-main-tags-item-background-color: rgba($--color-white, 0.09) !default;
/// text|1|TagPage Color|4
$l-main-context-background-color: rgba($l-admin-app-bg, .95) !default;
/// text|1|TagPage Color|4
$l-main-tags-item-font-color: $--color-text-primary;
/// text|1|TagPage Color|4
$l-main-tags-item-active-font-color: $--color-text-primary !default;
$l-main-tags-item-active-background-color: $--color-primary;
$l-main-tags-item-close-color: $--color-text-secondary;

/* dg-normal-card 卡片
-------------------------- */
/// text|1|NormalCard Color|4
$dg-normal-card-background: rgba($--color-white, 0.09) !default;
$dg-card-background: $dg-normal-card-background !default;
/// text|1|NormalCard Color|4
$--button-default-background-color: rgba($--color-white, 0.09) !default;

/* ------------------------ end sys ------------------------------ */

/** ui4**/
$--font-path: '~ui-component-v4/lib/theme-chalk/fonts';
$dg--font-path: '~ui-component-v4/lib/theme-chalk/icon';
$dg--image-path: '~ui-component-v4/lib/theme-chalk/images';

/* media query
-------------------------- */
$large: 'screen and (min-width: 1681px)';
$medium: 'screen and (max-width: 1680px) and (min-width: 1366px)';
$small: 'screen and (max-width: 1365px)';
$l-rem: 16px;
$m-rem: 14px;
$s-rem: 12px;

@mixin mq($mqString) {
	@media #{$mqString} {
		@content;
	}
}

/* 正文文字
 * @include font;
-------------------------- */
@mixin font {
    font-size: 14px;
    @include mq($small) {
        font-size: 12px;
    }
}

/* l-main-header 头部区域
-------------------------- */
$l-main-header-height: 4rem;

/* l-main-tags 标签页
-------------------------- */
$l-main-tags-item-large-margin-top: 10px;
$l-main-tags-item-medium-margin-top: 7.5px;
$l-main-tags-item-small-margin-top: 4px;
$l-main-tags-item-large-margin: $l-main-tags-item-large-margin-top 4px;
$l-main-tags-item-medium-margin: $l-main-tags-item-medium-margin-top 4px;
$l-main-tags-item-small-margin: $l-main-tags-item-small-margin-top 4px;

/* l-menu 侧边栏布局
-------------------------- */
$l-sidebar-width: 17rem;
$l-sidebar-shrink-width: 4rem;

$l-sidebar-large-header-height: 54px;
$l-sidebar-medium-header-height: 48px;
$l-sidebar-small-header-height: 40px;

$u-menu-active-font: $--color-primary;
$u-menu-active-bg: rgba($--color-primary, .08);
$u-menu-select-bg: rgba($--color-primary, .12);
$--menu-background-color: $u-menu-background !default;
$--menu-item-hover-fill: $u-menu-active-bg !default;

/* u-menu 菜单栏
-------------------------- */
$u-menu-item-height: 3rem;

/* u-menu-top 横向菜单栏
-------------------------- */
$u-menu-top-item-font: $--color-white !default;
$u-menu-top-item-active-bg: rgba($--color-black, .6) !default;
$u-menu-top-border-bottom-color: $--color-primary !default;
$u-menu-top-sub-item-font: rgba($--color-white, 1) !default;
$u-menu-top-active-font: $--color-primary !default;
$u-menu-top-active-bg: rgba($--color-black, .2) !default;
$u-menu-top-select-bg: rgba($--color-black, .2) !default;
$u-menu-top-popover-background: #282b33 !default;

/* l-template-box 通用布局
-------------------------- */
$l-template-box-bacground-color: rgba($--color-white, .09) !default;

/************************ 结果页********************************/

/* v-submit-successfully 提交成功
-------------------------- */
$v-submit-successfully-content-border: $--border-color-base;

/* linear-gradient 线性渐变
-------------------------- */
@mixin linear-gradient($color-first, $color-second) {
	background: -moz-linear-gradient(top, $color-first 0%, $color-second 50%, $color-second 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $color-first), color-stop(50%, $color-second), color-stop(100%, $color-second));
	background: -webkit-linear-gradient(left, $color-first 0%, $color-second 50%, $color-second 100%);
	background: -o-linear-gradient(left, $color-first 0%, $color-second 50%, $color-second 100%);
	background: -ms-linear-gradient(left, $color-first 0%, $color-second 50%, $color-second 100%);
	background: linear-gradient(to left, $color-first 10%, $color-second 50%, $color-second 100%);
}

/* 文件路径变量
-------------------------- */
$--base-resources-path: "../images";

/* 项目样式文件
-------------------------- */
@import "~ui-component-v4/packages/theme-chalk/src/index.scss";
@import "main.scss";
